@media (min-width: 1921px) {
  .container {
    max-width: 1680px;
  }

}
@media (max-width: 1920px) {
  .container {
    max-width: 1580px;
  }
}

@media (max-width: 1680px) {
  .container {
    max-width: 1320px;
  }
  .btn-prev { left: 3%;}
  .btn-next {
    right: 3%;
}



.about .about_con .le .imgBox img{ max-height: 430px;}
#server-list .swiper-container { padding-bottom: 30px;}
}

@media screen and (max-width:1440px) {
  .container {
    max-width: 1280px;
  }
  .in_title { font-size: 28px;}
  .about .about_con .le .imgBox img{ max-height: 400px;}
  .ser_py_tu img {  margin-bottom: 15px; }

}

@media screen and (max-width:1280px) {
  .container {
    max-width: 1200px;
  }

  .banner_txt b {
    display: block;
    font-size: 32px;
    color: #fff;
    margin: 20px 0;
    text-shadow: none;
    padding-left: 5%;
}
.banner_txt span{ padding-left: 5%;}
.nav-menu li:nth-child(3).drop-down ul { width: 180%; left: -40%;}
.ab_list2 li b { font-size: 34px;}


.about .about_con .le .imgBox img{ max-height: 400px;}
.top-box .logo {
  flex: 1;
}
.pad-100 { padding: 60px 0;}
.pad-80 { padding: 60px 0;}
.in_title { font-size: 20px;}
.i-news-link {
  right: -50px;
}
.about ul li .counter { font-size: 40px;}
.main_title strong { font-size: 30px;}
.yw li .ar_title b { font-size: 30px;}
.yw li .cont_ar .main_title strong { color: #333;font-size: 30px;}

}
@media screen and (max-width:1024px) {
  .container {
    max-width: 1000px;
  }
  #thumbs {
    width: 100%;
    margin-top: 30px;
    position: relative;
  }
  #case .swiper-slide { margin-top: 0;}

  .mask { display: none;}
  .top-box .logo img {
    max-height: 47px;
  }
  .about .about_con .le .imgBox img{ max-height: 310px;}


}
@media screen and (max-width:990px) {

  /*头部*/
  .back-to-top {
    display: none !important;
  }

  .language {
    display: none;
  }
  #header.header-transparent { background: #fff;}
  #header {
    height: 70px;
  }
#banner { margin-top: 70px;}

  .top-box .logo {
    justify-content: flex-start;
    height: 70px;
  }

  .top-box .logo img {
    max-height: 55px;
  }
  .top-box .logo .logo-tu1 { display: none;}

  .top-box .logo .logo-tu2 { display: block;}

  /*banner*/
  #banner .swiper-button {
    display: none;
  }

  #banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;

  }

  #banner .swiper-slide .pcimg {
    display: none !important;
  }

  #banner .swiper-slide .mobimg {
    display: block !important;
  }

  /*about*/
  .about .about_con { flex-direction: column;}
  .about .about_con .le { width: 100%;}
  .about .about_con .ri { width: 100%; margin-top: 30px;}
  .about ul { flex-wrap: wrap;}
  .about ul li { width: 50%; justify-content: flex-start;}
  .about ul li:nth-child(1)::after { right: 0;}
  .about ul li:after { display: none;}
  .about ul { margin-bottom: 20px;}
  .pad-100 { padding: 30px 0;}
.pad-80 { padding: 30px 0;}
  .shili .con {
    padding: 30px;
  }
  .about-box {
    flex-direction: column;
  }

  .about_fl {
    width: 100%;
    padding-right: 0;
  }

  .about_fr {
    width: 100%;
  }



.gs_info { margin: 20px 0;}
.foot .ft-nav .ft-nav-list dl:first-child { display: none;}
.foot .ft-nav .ft-nav-list { flex-wrap: wrap;}
.foot .ft-nav .ft-nav-list dd p { width: 100%;}
.foot { padding: 30px 0;}
.foot .ft-nav .ft-nav-list dl:nth-child(2) { width: 100%;}
.foot .ft-nav .ft-nav-list dl:nth-child(3) { width: 100%;}
.lr_box { height: 40px;}
.lr_box .swiper-pagination span{ width: 8px; height: 8px;}
.lr_box>div { width: 35%;}
.indexXian { display: none;}

#case .swiper-slide p { position: relative; height: 45px; line-height: 45px;}
.shili { padding: 30px 0;}

.foot .ft-nav { padding: 10px;}

.about .about_con .le .imgBox img{ max-height: 400px;}


.yw li .ar_title {
  width:90%;
  }
  .yw li .ar_title span {

  width: 70px;
  height: 70px;

  }

  .yw li .dec_ar em{ font-size: 18px; }
  .yw .dec_ar p {
  margin-top: 5px;
}
.yw li .ar_title p { height: 90px;}
.yw li.cur .cont_ar .main_title em { height: 90px;}
.yw li.cur .cont_ar .main_title em,.yw li.cur .cont_ar .main_title strong{  color: #fff!important; }
.yw li a .img_ar {
opacity: 1!important;
}

.yw li .cont_ar {
  background: rgba(0,0,0,.3);
  color: #fff;}
  .yw li .ar_title b { color: #fff;}
  .yw li .ar_title p { color: #fff;}
  .yw li .ar_title span img{filter: brightness(400%); }
#case .swiper-slide img { height: 200px;}
.foot { flex-direction: column; justify-content: center;}
.foot .ft_logo { width: 100%; padding: 10px;}
.foot .ft-nav { width: 100%;}
.foot .ft-nav .ft-nav-list dt { display: none;}
.foot .ft_logo p {
  margin-top: 0;
}
.foot .ft_logo b { margin: 10px 0;}
}

@media screen and (max-width:768px) {

  /*头部*/
  #header {
    height: 60px;
  }
  #banner { margin-top: 60px;}
  .top-box .logo {
    justify-content: flex-start;
    height: 60px;
  }

  .top-box .logo img {
    max-height: 45px;
  }

  .mobile-nav-toggle {
    top: 5px;
  }

  /*about*/


  .about_txt {
    font-size: 15px;
    line-height: 24px;
    margin: 15px auto;
    width: 88%;

  }

  .ab_list2 {

    margin-top: 30px;
    margin-bottom: 20px;

  }

  .ab_list2 li {

    font-size: 15px;
  }

  .ab_list2 li b {

    font-size: 28px;

  }

  .ab_list2 li i {
    font-size: 14px;
    top: -10px;


  }
.product { margin-top: 30px;}

#gallery .swiper-slide .product-box .pro_con .product_txt { font-size: 24px; margin-bottom: 20px;}
#thumbs .swiper-wrapper { align-items: stretch;}
  .ab_bottom b {
    font-size: 24px;

  }

  .ab_bottom p {
    font-size: 18px;

  }

  .hezuo .swiper-slide a {
    padding: 5px;
    margin: 8px;
  }

  .ab_bottom {
    background: url(../images/about.jpg) no-repeat bottom;
    height: 300px;

  }

  .banner-slide-content .title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    letter-spacing: -0.25px;
    text-transform: capitalize;
  }


  .banner-slide-content p {

    font-size: 18px;
    font-family: "Poppins", sans-serif;
    color: #fff;

  }

  #hyyy .swiper-button-next, #hyyy .swiper-button-prev { width: 35px; height: 35px; line-height: 35px;}

  .swiper-button-next, .swiper-button-prev { height: 40px; margin-top: -24px;}
  .about ul li .counter { font-size: 40px;}
  .gs_info { font-size: 16px;}
  .foot .ft-nav .ft-nav-list dl:nth-child(2) dd p { width: 100%;}
  .about .about_con .le .imgBox img{ max-height: 400px;}

.yw ul{

  flex-wrap: wrap;

}
.yw li{width: calc(50% - 10px)!important; float: left;  margin: 5px; }

.ser_py { flex-direction: column;}
.ser_py_txt { width: 100%;}
.ser_py_txt .img-tu img{ height: 270px;}
.ser_py_tu { display: none;}
#ry .swiper-slide a { height: 380px;}

.i-news-latest {
 width: 100%;
}
.i-news-latest a img { position: relative;}
.i-news-list { width: 100%; padding:20px 0 ;}
.i-news-item.on{ width: 100%;}
.i-news-link {
  display: none;
}
.scroll { display: none;}
.i-news-msg { display: block!important;}
.lr_box { width: 100%;}
.about ul li { background: rgba(255,255,255,.6); border-radius: 10px; border: 1px solid #fff; padding: 10px; }
.about .about_con .ri em { font-size: 18px;}
.about .about_con a span { font-size: 14px; font-weight: normal;}
.yw li .ar_title b { font-size: 26px;}
.ser_py { margin: 20px ;}
}
@media screen and (max-width:640px) {

  .pro_content {
    flex-direction: column;
  }

  .main_title {
    padding: 5px;
  }

  #banner .swiper-slide .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 26%;
    bottom: 0;
    margin: 0 auto;
  }

  .banner-slide-content .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 10px;

  }


  .banner-slide-content p {

    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #fff;


  }
  .banner_txt b { font-size: 20px;}
  .banner_txt span { font-size: 14px;}
  .main_title p b { font-size: 26px;}


  
.ft-nav { padding: 10px;}
.banner_txt b { margin-bottom: 10px;}
.banner_txt { top:10%}
.about ul li .text {
  font-size: 16px;
  margin-left: 5px;
}
.sjili_info { margin-top: 0;}

.gs_info { line-height: 26px;}
.about .about_con .le .imgBox img{ max-height: 320px;}
.yw li {
  width: calc(100% - 20px) !important;
  float: left;
  margin: 10px;
  }
  .ser_py_txt p { font-size: 14px; margin: 5px 0;}
  .ser_py_txt p img { height: 26px; }
  #server-list .swiper-button-next { width: 35px; height: 55px; line-height: 55px; font-size: 18px;}
  #server-list .swiper-button-prev { width: 35px; height: 55px; line-height: 55px; font-size: 18px;}
  #ry .swiper-button-next {width: 35px; height: 35px; line-height: 35px; font-size: 20px;}
  #ry .swiper-button-prev {width: 35px; height: 35px; line-height: 35px; font-size: 20px;}
  #ry .swiper-slide a { height: 300px;}
  #ry .swiper-slide p { font-size: 14px; height: 40px; line-height: 40px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; width: 100%;}
  #ry .swiper-container { margin-top: 20px;}
  .i-news-content { margin-top: 20px;}
  .main_title em { font-size: 14px;}
  .more_btn3 { display: none;}
  .foot .ft_logo img { max-height: 90px;}
  .foot .ft_logo b ,.foot .ft_logo b span{ font-size: 20px;}
  .foot .ft-nav .ft-nav-list dd p { font-size: 14px;}
  .copyright { padding: 20px 0;}
  .copyright span{ display: block;}
  .foot { padding: 30px 0 0;}
  .yw li .ar_title p { height: auto;}
  .foot .ft-nav .ft-nav-list dd p img { max-height: 80px;}
 
}

@media screen and (max-width:480px) {
  #header {
    height: 50px;
  }
  #banner { margin-top: 50px;}
  .top-box .logo {
    justify-content: flex-start;
    height: 50px;
  }

  .top-box .logo img {
    max-height: 32px;
  }

  .mobile-nav-toggle {
    top: 0;
  }

  .about-box {
    flex-direction: column;
  }

  .about_fl {
    width: 100%;
    padding: 0;
  }
  .about ul li span { font-size: 16px;}
  .about ul li em { font-size: 30px;}
  .about ul li .counter { font-size: 28px;}

 .main_title strong { font-size: 26px;}

 .about .about_con .le .imgBox img{ max-height: 240px;}

}